<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  <title></title>
  <style>
	#d1{
		border: 1px solid #888;
		width: 300px;
		height: 100px;
		box-shadow: -10px -10px;
	}
	#d2{
		border: 1px solid #888;
		width: 300px;
		height: 100px;
		box-shadow: 10px -10px;
	}
	#d3{
		border: 1px solid #888;
		width: 300px;
		height: 100px;
		box-shadow: 20px 20px #999;
	}
	#d4{
		border: 1px solid #888;
		width: 300px;
		height: 100px;
		box-shadow: 20px 20px 5px #999;
	}
	#d5{
		border: 1px solid #888;
		width: 300px;
		height: 100px;
		box-shadow: 20px 20px 5px 10px #999;
	}
	#d5{
		border: 1px solid #888;
		width: 300px;
		height: 100px;
		box-shadow: 2px 2px #999 inset;
	}
	input{
		border: 1px solid #666;
		box-shadow: 2px 2px #aaa inset;
	}
  </style>
 </head>

 <body>
  <br/>
  <div id="d1">一个区块</div><br/>
  <div id="d2">一个区块</div><br/>
  <div id="d3">一个区块</div><br/>
  <div id="d4">一个区块</div><br/>
  <div id="d5">一个区块</div><br/>
  <div id="d6">一个区块</div><br/>
  ABCDEFG
  <br/>
  <input />
 </body>
</html>
